<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <!-- 对不识别viewport设备优化 -->
    <meta name="HandheldFriendly" content="true">
    <!-- windows phone 点击无高光 -->
    <meta name="msapplication-tap-highlight" content="no">
    <title>绑定手机 | 商超世界</title>
    <link rel="icon" type="image/x-icon" href="./favicon.ico" />
    <link rel="stylesheet" href="./css/reset.css">
    <script src="./js/rem.js"></script>
    <link rel="stylesheet" href="./css/toast.css">
    <link rel="stylesheet" href="./css/certificate.css">
</head>
<body>
    <header>
        <a onclick="javascript:window.history.back(-1);return false" class="back">
            <img src="./images/back.png">
        </a>
        绑定手机
    </header>
    <div class="form">
        <form>
            <!-- 手机号 -->
            <div class="form-item">
                <input type="tel" name="tel" id="telephone" placeholder="请输入手机号">
            </div>

            <!-- 短信验证码 -->
            <div class="form-item">
                <input type="number" name="captaha" id="captaha" placeholder="请输入验证码" pattern="\d{6}" maxlength=6>
                <input type="button" value="发送验证码" id="codeBtn">
            </div>

            <!-- 确定按钮 -->
            <div class="submit">
                <input type="button" value="确定" id="btn">
            </div>
        </form>
    </div>
</body>
<script src="./js/jquery1.7.2.js"></script>
<script src="./js/jquery.cookie.js"></script>
<script src="./js/toast.js"></script>
<script src="./js/certificate.js"></script>
</html>